:root {
  --bk-color: #ffffff;
  --fg-color: #00bcd4;
  --scroll-bar: #7dc1f2;
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  overflow: hidden;
}

/*scroll bar*/

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  border-radius: 3px;
}

/* Handle */

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 6px;
  border-radius: 3px;
  background: var(--scroll-bar);
  opacity: 0.5;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
}

/* ::-webkit-scrollbar-thumb:window-inactive {
  background:var(--scroll-bar);
} */